import React from 'react';
import { Carousel, Card} from 'antd-mobile';
import './index.scss';

export default class Index extends React.Component {
  state = {
    data:['', '', '']
  }
  render(){
    return(
      <div id="indexV">
        <div className="swiper-container" onTouchStart={e => e.stopPropagation()}>
          <Carousel
          autoplay={false}
          infinite
          selectedIndex={0}
          >
            {
              this.state.data.map(ii =>(
                <a key="ii"
                  href="JavaScript:void(0)"
                >
                  <img
                    src={`https://dummyimage.com/750x480/b293a4/fff&text=someImg`}
                   />
                </a>
              ))
            }
          </Carousel>
        </div>
        <div className="todayNew">
          <h3 className="tit">
            今日好文
          </h3>
        <Card full>
          <Card.Header
            title="今日好文"
          />
          <Card.Body>
            <div>This is content of `Card`</div>
          </Card.Body>
          <Card.Footer content="footer content" extra={<div>extra footer content</div>} />
          <Card.Body>
            <div>This is content of `Card`</div>
          </Card.Body>
          <Card.Footer content="footer content" extra={<div>extra footer content</div>} />
        </Card>
        </div>
      </div>
    )
  }
}
